/* 本例子css */
		.slideBox{ width:100%;margin: 0 auto; overflow:hidden; position:relative;  }

		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%;width: 100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%;  display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; 

	background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }










		.slideGroup{ 
			width:1300px; 
			overflow: hidden;
			margin: 0 auto;
			padding-top: 76px; 
		}
		.slideGroup .parHd{ 
			overflow: hidden;
			width: 1054px;
		}
		.slideGroup .parHd ul{ 
			width: 1054px;
			overflow: hidden;
		}
		.slideGroup .parHd ul li{ 
			width: 235px;
			line-height: 74px;
			text-align: center;
			margin-left: 26px;
			margin-bottom: 26px;
			float:left; 
			color: #3c3c3c;
			font-size: 20px;
			border:1px solid #9c9c9c; 
			cursor:pointer;
			transition: 0.7s;  
		}
		.slideGroup .parHd ul li.on{   
			background-color: #e40112;
			color: #fff;
			border:1px solid #e40112; 
			transition: 0.7s;	
		}
		.slideGroup .slideBox{ 
			width: 1243px;
			overflow:hidden; 
			zoom:1;
			padding:0px 0px 0px 47px;
			position:relative;
		}

		.slideGroup .sPrev{ 
			position:absolute; 
			left:0px; 
			top:120px; 
			display:block; 
			width:47px; 
			height:47px; 
			background:url(../img/left.png) center center no-repeat;
		}
		.slideGroup .sNext{ 
         	position:absolute;  
			top:120px; 
			display:block; 
			width:47px; 
			height:47px; 
			left:auto; 
			right:5px; 
			background:url(../img/right.png) center center no-repeat;  
		}
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ 
	
		}

		.slideGroup .parBd ul{ 
			overflow:hidden; 
			zoom:1;   
		}
		.slideGroup .parBd ul li{ 
			margin:0 10px; 
			float:left; 
			_display:inline; 
			overflow:hidden; 
			text-align:center;  
		}
		.slideGroup .parBd ul li .pic{ 
			text-align:center; 
			width: 377px;
			overflow: hidden;
		}
		.slideGroup .parBd ul li .pic img{ 
			width: 100%; 
			display:block;  
		}
		.slideGroup .parBd ul li .title{ 
			width: 337px;
			padding: 10px 20px;
			overflow: hidden;
			line-height:24px;   
			transition: 0.7s;
			height: 45px;
		}
		.slideGroup .parBd ul li:hover .title{ 
			color: #e40112;
			transition: 0.7s;   
		}





		.picMarquee-left{ width:100%;  overflow:hidden; position:relative;   }		
		.picMarquee-left .bd{ padding:0px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:472px; height:293px; display:block;}





		.txtMarquee-left{ width:1300px;  position:relative; }
		.txtMarquee-left .bd{ }
		.txtMarquee-left .bd .tempWrap{ width:1300px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.txtMarquee-left .bd ul li{
			width: 419px; 
			padding-top: 66px;
			padding-bottom: 50px; 
			margin:0px 8px;
			border: 1px solid #e1e1e1;  
			float:left; 
			_display:inline;
			transition: 1s; 
		}
		.txtMarquee-left .bd ul li:hover{
			background:url(../img/news_bj.jpg)  no-repeat;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li .div_a{
			width: 125px;
			text-align: right;
		}
		.txtMarquee-left .bd ul li .div_a .p_a{
			font-family: Arial;
			font-size: 16px;
			color: #1f1f1f;
			padding-top: 9px;
			padding-bottom: 6px;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li:hover .div_a .p_a{
			color: #fff;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li .div_a .p_b{
			font-family: Arial;
			font-size: 30px;
			font-weight: bold;
			color: #1f1f1f;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li:hover .div_a .p_b{
			color: #fff;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li .div_b{
			width: 245px;
			margin-left: 17px;
			margin-right: 32px;
			overflow: hidden;
		}
		.txtMarquee-left .bd ul li .div_b .p_a{
			font-size: 22px;
			color: #1f1f1f;
			padding-bottom: 10px;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li:hover .div_b .p_a{
			color: #fff;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li .div_b .p_b{
			font-size: 16px;
			color: #1f1f1f;
			font-weight: lighter;
			line-height: 1.5;
			padding-bottom: 15px;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li:hover .div_b .p_b{
			color: #fff;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li .div_b .p_c{
			width: 27px;
			height: 7px;
			overflow: hidden;
			background:url(../img/news_jiantou.png)  no-repeat;
			transition: 1s;
		}
		.txtMarquee-left .bd ul li:hover .div_b .p_c{
			width: 27px;
			height: 7px;
			overflow: hidden;
			background:url(../img/news_jiantou1.png)  no-repeat;
			margin-left: 100px;
			transition: 1s;
		}

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;

}

.grid figure figcaption {

	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	width: 415px;

	padding: none;
}

figure.effect-apollo img {
	width:100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(000,000,000,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}







/*-----------------*/
/***** Apollo1 *****/
/*-----------------*/

figure.effect-apollo1 {
	width: 472px;

	padding: none;
}

figure.effect-apollo1 img {
	width:100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo1 figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo1 p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo1 h2 {
	text-align: left;
}

figure.effect-apollo1:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo1:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo1:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}







/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
	background-color: rgba(000,000,000);
	width: 377px;
}

figure.effect-jazz img {
	opacity: 1;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

figure.effect-jazz h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-jazz p {
	padding: 0.5em 2em;
	text-transform: none;
	font-size: 0.85em;
	opacity: 0;
}

figure.effect-jazz:hover img {
	opacity: 0.9;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}